<script setup lang="ts">
import { PropType } from "vue";
import todoThing from "./todo_thing.vue";

type todo = {
  id: string;
  title: string;
  done: boolean;
};
interface props {
  todos: todo[];
  AppChange: Function;
  AppDelete: Function;
}

const props = defineProps<props>();
</script>
<template>
  <div class="todo todoItem">
    <todoThing
      v-for="(todo, index) in todos"
      :key="todo.id"
      :todo="todo"
      :AppChange="AppChange"
      :AppDelete="AppDelete"
    ></todoThing>
  </div>
</template>
<style scoped>
.todoItem {
  flex-wrap: wrap;
}
</style>
